<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <link rel="stylesheet" type="text/css" href="swiper.min.css">
    <link rel="stylesheet" type="text/css" href="per.css">
    <style type="text/css">
        body{background-image:url(ba4.jpg);background-size:cover;max-width: unset;}
        .pc-banner{height: 100%}
        .swiper-container{width:100%;margin-top: 6rem}
        .swiper-slide{-webkit-transition:all 1.0s;-moz-transition:all 1.0s;-ms-transition:all 1.0s;-o-transition:all 1.0s;-webkit-transform:scale(0.7)!important;transform:scale(0.7)!important;-moz-transform:scale(0.7)!important; -ms-transform:scale(0.7)!important;-o-transform:scale(0.7)!important;}
        .swiper-slide-active,.swiper-slide-duplicate-active{-webkit-transform:scale(1)!important;transform:scale(1)!important;-moz-transform:scale(1)!important; -ms-transform:scale(1)!important;-o-transform:scale(1)!important;}
        .none-effect{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;}
        .swiper-slide a{background:#fff;padding:10px;display:block;border-radius:14px;}
        .swiper-slide-active a:after{background:none;}
        .swiper-slide img{width:100%;border-radius:14px;display:block;}
        
        

    </style>
</head>
<body>
    <div class="headP">
        <div class="headLeft">
            <a href="">
                <img src="close.png" alt="头像">
            </a>
        </div>
        <div class="headTextP">
            <a href="index.html">回去拉照片</a>
        </div>
        <div class="headMenu" id="headMenu">
            <i class="iconfont icon-xitongcaidan" style="font-weight: bold;font-size: 1.4rem"></i>
        </div>
    </div>
    <section class="pc-banner">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide swiper-slide-center none-effect"><a href="#"><img src="1.jpg" ></a></div>
            <div class="swiper-slide"><a href="#"><img src="2.jpg" ></a></div>
            <div class="swiper-slide"><a href="#"><img src="3.jpg" ></a></div>
            <div class="swiper-slide"><a href="#"><img src="4.png" ></a></div>
            <div class="swiper-slide"><a href="#"><img src="5.jpg" ></a></div>
            <div class="swiper-slide"><a href="#"><img src="6.png" ></a></div>
        </div>
    </div>
</section>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="swiper.min.js"></script>
<script>
window.onload = function() {
var swiper = new Swiper('.swiper-container',{
    autoplay:3000,
    speed:1000,
    autoplayDisableOnInteraction : false,
    loop:true,
    centeredSlides : true,
    slidesPerView:1.5,
    onInit:function(swiper){
        swiper.slides[1].className="swiper-slide swiper-slide-active";//第一次打开不要动画
        },
    });
    }
</script>

</body>
</html>